import {
  TextField,
  Button,
  Dialog,
  DialogActions,
  DialogContent,
  DialogTitle,
} from "@mui/material";

const EmailDialog = ({ open, handleClose, handleSendEmail, onChange }) => {
  return (
    <Dialog maxWidth="lg" open={open} onClose={handleClose}>
      <DialogTitle>Email 登录</DialogTitle>
      <DialogContent>
        <TextField
          onChange={onChange}
          autoFocus
          id="email"
          label="Email"
          type="email"
          fullWidth
          variant="outlined"
          sx={{ my: 2 }}
        />
      </DialogContent>
      <DialogActions>
        <Button onClick={handleClose}>取消</Button>
        <Button onClick={handleSendEmail} color="inherit">
          发送
        </Button>
      </DialogActions>
    </Dialog>
  );
};

export default EmailDialog;
